html {
font-size: 100%;
width: 100%;
outline: none;
min-height: 100%;
position: relative;
overflow-x: hidden;
}
body {
background: #FFF;
font-family: arial, "Microsoft Yahei", "寰蒋闆呴粦", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
font-size: 14px;
font-weight: 400;
color: #373737;
text-align: left;
margin: auto;
width: 100%;
min-width: 1300px;
outline: none;
}
body,
div,
p,
input,
a,
span,
img,
ul,
li,
textarea,
select,
button {
outline: none;
}
a,
a:hover {
color: #373737;
text-decoration: none;
}
html {
font-size: 100%;
width: 100%;
outline: none;
}
body,
div,
p,
span,
ul,
li,
a,
input,
textarea {
box-sizing: border-box;
}
.clearfix::after {
display: block;
content: '';
clear: both;
}
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
.left {
float: left;
}
.right {
float: right;
}
img {
width: 100%;
height: auto;
}
p {
margin: 0;
}
.boxShadow {
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.26);
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.26);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.26);
}
/* gShow */
.gShow {
opacity: 0;
}
@keyframes mymove {
from {
transform: translate3d(0, 50%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes mymove
/* Safari and Chrome */
{
from {
transform: translate3d(0, 50%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.fontFadeIn {
animation: 3s ease 0s 1 normal none running fontMove;
-webkit-animation: 3s ease 0s 1 normal none running fontMove;
}
@keyframes fontMove {
from {
transform: translate3d(-10%, 50%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes fontMove
/* Safari and Chrome */
{
from {
transform: translate3d(-10%, 50%, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.lMove{
opacity: 0;
animation: 2s ease 0s 1 normal none running;
}
.rMove{
opacity: 0;
animation: 2s ease 0s 1 normal none running;
}
@keyframes lMove {
from {
transform: translate3d(-50%, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes lMove
/* Safari and Chrome */
{
from {
transform: translate3d(-50%, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rMove {
from {
transform: translate3d(50%, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes rMove
/* Safari and Chrome */
{
from {
transform: translate3d(50%, 0, 0);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
/* scaleImg */
.scaleImg {
overflow: hidden;
display: block;
}
.scaleImg .img {
/* filter: grayscale(100%); */
}
.scaleImg img {
transition-duration: .3s;
display: block;
}
.scaleImg:hover img {
transform: scale(1.1);
/* filter: grayscale(0); */
}
/* banner */
.banner {
position: relative;
overflow: hidden;
}
.banner img {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
animation: 10s infinite alternate bannerMove;
-webkit-animation: 10s infinite alternate bannerMove;
display: block;
}
@keyframes bannerMove {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.1, 1.1);
}
}
@-webkit-keyframes bannerMove
/*Safari and Chrome*/
{
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.1, 1.1);
}
}
/* content */
.content {
width: 1200px;
margin: 0 auto;
}
/* header */
header{
height: 100px;
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 9999;
box-shadow:0px 1px 12px 1px rgba(0, 0, 0, 0.13);
background-color: #fff;
}
header.homeHd{
border-bottom: 1px solid rgba(255,255,255,.2);
box-shadow:none;
background-color: transparent;
}
header.hdBgcolor{
background-color: #fff;
box-shadow:0px 1px 12px 1px rgba(0, 0, 0, 0.13);
transition: .5s;
background-color: #fff;
}
header .logo{
width: auto;
margin-top: 30px;
}
header .logo img:last-child{
display: none;
}
header.homeHd .logo img:first-child{
display: none;
}
header.homeHd .logo img:last-child{
display: block;
}
header.hdBgcolor .logo img:first-child{
display: block;
}
header.hdBgcolor .logo img:last-child{
display: none;
}
header .txt{
margin-left: 16px;
padding-left: 16px;
border-left: 1px solid rgba(102,102,102,.2);
color: #373737;
font-size: 16px;
line-height: 20px;
margin-top: 30px;
transition: .5s;
}
header .txt span{
font-weight: bold;
color: #005CA1;
transition: .5s;
}
header .tabs>li{
display: inline-block;
margin-left: 30px;
position: relative;
}
header .tabs>li>a{
display: block;
line-height: 100px;
position: relative;
color: #373737;
font-size: 16px;
font-weight: bold;
transition: .5s;
}
header .tabs>li>a::after{
content: "";
transition: .5s;
width: 0;
height: 3px;
background-color: #1B62B7;
position: absolute;
bottom: 0;
left: 0;
}
header .tabs>li.active>a,header .tabs>li:hover>a{
color: #1B62B7;
}
header .tabs>li.active a::after,header .tabs>li:hover>a::after{
width: 100%;
}
header.homeHd .txt{
color: #fff;
border-left-color:rgba(255,255,255,.2)
}
header.homeHd .txt span{
color: #fff;
}
header.homeHd .tabs>li>a{
color: #fff;
}
header.homeHd .tabs>li>a::after{
background-color: #fff;
}
header.hdBgcolor .tabs>li>a::after{
background-color: #1B62B7;
bottom: -1px;
}
header.hdBgcolor .txt{
color: #373737;
border-left-color: rgba(102,102,102,.2);
}
header.hdBgcolor .txt span{
color: #005CA1;
}
header.hdBgcolor .tabs>li>a{
color: #373737;
}
header .tabs>li ul{
position: absolute;
top: 100px;
left: 0;
background-color: #fff;
z-index: -1;
transform: scale(0,1);
transition: .5s;
box-shadow: 0px 1px 12px 1px rgba(0, 0, 0, 0.13);
}
header .tabs>li ul li a{
position: relative;
display: block;
line-height: 40px;
white-space: nowrap;
padding: 0 20px;
transition: .5s;
}
header .tabs>li ul li a.active,header .tabs>li ul li a:hover{
color: #fff;
background-color:#1B62B7;
}
header .tabs>li:hover ul{
z-index: 1;
transform: scale(1,1);
}
/* home */
.home{
position: relative;
}
.home_1{
position: relative;
}
.home_1 .swiper-slide img{
display: block;
}
.home_1 .swiper-button-btn{
opacity: 1;
width:60px;
height:60px;
background-color:rgba(255,255,255,.5);
background-size: 8px 14px;
}
.home_1 .swiper-button-prev{
background-image: url(../images/icon_05.png);
left: 200px;
}
.home_1 .swiper-button-next{
background-image: url(../images/icon_06.png);
right: 200px;
}
.home_1 .swiper-button-btn.swiper-button-disabled{
background-color:rgba(255,255,255,.2);
}
.home_1 .swiper-button-btn:hover{
background-color:#1B62B7;
}
.home_1 ul{
position: absolute;
bottom: 0;
left: 50%;
margin-left: -600px;
z-index: 999;
}
.home_1 li{
width: 20%;
}
.home_1 li>a{
overflow: hidden;
}
.home_1 li .bg{
padding: 10px 10px 0 10px;
opacity: 0;
transform: translate3d(0px, 50%, 0px);
-webkit-transform: translate3d(0px, 50%, 0px);
transition: .5s;
background-color:#1B62B7;
}
.home_1 li .bg img{
display: block;
}
.home_1 li .info{
background-color:rgba(255,255,255,.75);
padding: 30px 0;
text-align: center;
position: relative;
transition: .5s;
z-index:99;
}
.home_1 li .info::before{
content: "";
position: absolute;
width: 1px;
height: 43px;
background-color: #999999;
right: 0;
top: 30px;
}
.home_1 li:last-child .info::before{
display: none;
}
.home_1 li .info>div{
display: inline-block;
}
.home_1 li .info img{
display: block;
width: auto;
margin-right: 15px;
}
.home_1 li .info img:last-child{
display: none;
}
.home_1 li .info .tit{
color: #000000;
font-size: 18px;
font-weight: bold;
transition: .5s;
}
.home_1 li .info .titEn{
color: #666666;
transition: .5s;
}
.home_1 li:hover .bg{
opacity: 1;
transform: translate3d(0px, 0, 0px);
-webkit-transform: translate3d(0px, 0, 0px);
}
.home_1 li:hover .info{
background-color:#1B62B7;
}
.home_1 li:hover .info img:first-child{
display: none;
}
.home_1 li:hover .info img:last-child{
display: block;
}
.home_1 li:hover .info .tit,.home_1 li:hover .info .titEn{
color: #fff;
}
.home_1 li:hover .info::before{
display: none;
}
.home_2{
padding: 80px 0;
}
.home_21{
width: 640px;
}
.home_21 img{
height: 600px;
object-fit: cover;
}
.home_22{
width: 560px;
position: relative;
padding-left: 52px;
}
.home .title .tit{
font-size: 36px;
color: #1B62B7;
margin-bottom: 7px;
text-align: center;
}
.home .title .titEn{
color: #999999;
font-size: 22px;
margin-bottom: 40px;
text-align: center;
}
.home_22 .title .tit,.home_22 .title .titEn{
text-align: left;
}
.home_22 .txt{
line-height: 36px;
color: #666666;
margin-bottom: 40px;
}
.home_22>a{
width:145px;
line-height:40px;
display: block;
text-align: center;
color: #666666;
margin-bottom: 40px;
border:1px solid #CCCCCC;
position: relative;
overflow: hidden;
}
.home_22>a span{
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
color: #fff;
background-color: rgba(27,98,183,1);
opacity: 0;
-webkit-transform: translate3d(0,25%,0);
transform: translate3d(0,25%,0);
transition: .1s;
}
.home_22>a:hover{
border-color:rgba(27,98,183,1);
}
.home_22>a:hover span{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.home_22>a img{
width: auto;
vertical-align: middle;
margin-left: 7px;
}
.home_22 .stat{
width:621px;
height:140px;
background:rgba(255,255,255,1);
box-shadow:0px 1px 24px 5px rgba(0, 0, 0, 0.16);
margin-left: -112px;
}
.home_22 .stat>div{
width: 33.333%;
text-align: center;
margin-top: 31px;
border-right: 1px solid #EFEFEF;
}
.home_22 .stat>div:last-child{
border-right: 0;
}
.home_22 .stat>div .nums{
font-size: 16px;
color: #1B62B7;
}
.home_22 .stat>div .nums span{
font-size: 48px;
}
.home_22 .stat>div .position{
color: #666666;
font-size: 16px;
margin-top: 2px;
}
.home_3{
position: relative;
margin-bottom: 170px;
}
.home_3 .title{
position: absolute;
width: 100%;
left: 0;
top: 70px;
}
/*.home_3 .title .tit,.home_3 .title .titEn{
color: #fff;
}*/
.home_3 .list{
position: absolute;
left: 50%;
margin-left: -600px;
top: 180px;
}
.home_3 .list .mode{
width: 400px;
transition: .5s;
position: relative;
}
.home_3 .list .mode .info{
padding: 30px 0;
text-align: center;
background-color: #FBFBFB;
transition: .5s;
}
.home_3 .list .mode .info .tit{
color: #000000;
font-size: 24px;
transition: .5s;
}
.home_3 .list .mode .info .txt{
margin-top: 12px;
position: relative;
}
.home_3 .list .mode .info .txt span{
display: inline-block;
color: #666666;
background-color: #FBFBFB;
padding: 0 20px;
position: relative;
z-index: 9;
transition: .5s;
}
.home_3 .list .mode .info .txt::before{
content: "";
left: 32px;
right: 32px;
height: 1px;
position: absolute;
background-color: #EFEFEF;
top: 9px;
}
.home_3 .list .mode:hover{
box-shadow:0px 1px 24px 5px rgba(0, 0, 0, 0.16);
z-index: 9;
}
.home_3 .list .mode:hover .info .tit,.home_3 .list .mode:hover .info .txt span{
color: #1B62B7;
background-color: #fff;
}
.home_3 .list .mode:hover .info{
background-color: #fff;
}
@media (max-width: 1600px){
.home_3 {
margin-bottom: 220px;
}
}
@media (max-width: 1440px){
.home_3 {
margin-bottom: 260px;
}
}
.home_4{
margin-bottom: 80px;
}
.home_41{
width: 600px;
}
.home_41 li{
padding: 39px 60px;
transition: .5s;
border:0px solid rgba(204, 204, 204, 1);
}
.home_41 li:nth-child(1){
border-width: 1px 0px 0px 1px;
}
.home_41 li:nth-child(2){
border-width: 1px 0px 0px 1px;
border-top-color: transparent;
}
.home_41 li:nth-child(3){
border-width: 0px 0px 1px 1px;
}
.home_42{
width: 600px;
height: 399px;
position:relative;
}
.home_42 .tit{
position: absolute;
bottom: 0;
width: 100%;
left: 0;
line-height: 45px;
text-align: center;
background-color: rgba(0,0,0,.7);
color: #fff;
font-size: 16px;
}
.home_41 .times{
text-align: center;
color: #373737;
margin-right: 44px;
width: 45px;
transition: .5s;
}
.home_41 .times p:first-child{
font-size: 36px;
line-height: 40px;
}
.home_41 .times p:last-child{
font-size: 12px;
}
.home_41 .info{
width: 390px;
}
.home_41 .info .tit{
display: block;
color: #000000;
font-size: 18px;
transition: .5s;
margin-bottom: 8px;
}
.home_41 .info p{
color: #666666;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.home_41 li:hover{
box-shadow:0px 1px 24px 5px rgba(0, 0, 0, 0.16);
border-color: transparent;
transform: scale(1.1);
z-index: 999;
position: relative;
background-color: #fff;
}
.home_41 li:hover .times{
color: #085AA5;
}
.home_41 li:hover .info .tit{
color: #085AA5;
font-weight: bold;
}
/* footer */
footer .top{
background-color: #F9F9F9;
padding: 50px 0 60px 0;
}
footer .top ul.left{
margin-right: 70px;
}
footer .top ul.left li a{
color: #666666;
line-height:30px;
transition: .5s;
}
footer .top ul.left li a:hover{
color: #1B62B7;
}
footer .top ul.left li:first-child{
color: #000000;
font-size: 16px;
margin-bottom: 20px;
}
footer .top .info{
width: 310px;
border-left: 1px solid #E3E3E3;
padding-left: 50px;
}
footer .top .info form{
position: relative;
margin-bottom: 20px;
display: block;
}
footer .top .info form input{
background-color: #fff;
height: 34px;
border: 1px solid #CCCCCC;
display: block;
width: 100%;
padding: 0 60px 0 15px;
}
footer .top .info form button{
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 34px;
background-color: #666666;
border: 0;
text-align: center;
}
footer .top .info form button img{
width: auto;
}
footer .top .info .tit{
color: #1B62B7;
font-size: 16px;
margin-bottom: 10px;
}
footer .top .info .tit img{
width: auto;
margin-right: 7px;
vertical-align: middle;
}
footer .top .info li{
line-height: 30px;
}
footer .top .info li a{
color: #666666;
transition: .5s;
}
footer .top .info li a:hover{
color: #1B62B7;
}
footer .bottom{
background-color: #1B62B7;
line-height: 70px;
}
footer .bottom a,footer .bottom p{
color:rgba(255,255,255,.34);
}
/* banner */
.bannerTop{
margin-top:100px;
}
.banner{
position: relative;
}
.banner .title{
position: absolute;
left: 50%;
top: 50%;
width: 163px;
height: 157px;
margin-left: -81.5px;
margin-top: -78.5px;
background-image: url(../images/icon_01.png);
background-size: 100% 100%;
text-align: center;
}
.banner .title .tit{
font-weight: bold;
font-size: 24px !important;
color: #FFFFFF !important;
margin-bottom: 7px;
margin-top: 51.5px;
}
.banner .title .titEn{
color: #FFFFFF !important;
}
/* crumbs */
.crumbs{
text-align: center;
border-bottom: 1px solid #E4E4E4;
}
.crumbs li{
display: inline-block;
margin-right: 40px;
}
.crumbs li:last-child{
margin-right: 0;
}
.crumbs li a{
display: block;
line-height: 80px;
font-size: 16px;
color: #666666;
transition: .5s;
position: relative;
}
.crumbs li a::after{
content: "";
position: absolute;
width: 0;
height: 2px;
bottom: -1px;
background-color: #1B62B7;
left: 0;
transition: .5s;
}
.crumbs li.active a,
.crumbs li:hover a{
color: #1B62B7;
}
.crumbs li.active a::after,
.crumbs li:hover a::after{
width: 100%;
}
/* about */
.about .title{
margin-bottom: 30px;
}
.about .title .tit{
font-size: 30px;
color: #1B62B7;
margin-bottom: 7px;
}
.about .title .titEn{
color: #999999;
}
.about_1{
padding: 60px 0;
}
.about_11{
width: 676px;
padding-right: 70px;
}
.about_11 .txt{
color: #666666;
line-height: 32px;
}
.about_12{
width: 524px;
}
.about_2{
margin-bottom: 60px;
}
.about_2 .scaleImg{
position: relative;
}
.about_2 .scaleImg p{
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
text-align: center;
line-height: 45px;
color: #fff;
}
/*.about_2 .swiper-slide-prev .scaleImg p,
.about_2 .swiper-slide-next .scaleImg p {
opacity: 0;
}
.about_2 .swiper-slide-prev .scaleImg,
.about_2 .swiper-slide-next .scaleImg {
margin-top: 33px;
}
.about_2 .swiper-slide-prev {
padding-right: 48px;
}
.about_2 .swiper-slide-next {
padding-left: 48px;
}*/
.about_2 .swiper-button-btn{
opacity: 1;
width: 50px;
height: 50px;
background-color: rgba(0,0,0,.2);
background-size: 8px 14px;
margin-top: -8.5px;
}
.about_2 .swiper-button-prev{
background-image: url(../images/icon_05.png);
left: 0;
}
.about_2 .swiper-button-next{
background-image: url(../images/icon_06.png);
right: 0;
}
.about_2 .swiper-button-btn:hover{
background-color: rgba(1,69,144,.8);
}
/* contact */
.contact_1{
padding-top: 50px;
margin-bottom: 30px;
}
.contact_11 .tit{
color: #1B62B7;
font-size: 24px;
margin-bottom: 20px;
}
.contact_11 .txt{
line-height: 30px;
color: #666666;
}
.contact_11 .txt span{
display: inline-block;
width: 21px;
height: 21px;
background-color: #1B62B7;
border-radius: 50%;
text-align: center;
line-height: 22px;
vertical-align: middle;
margin-right: 10px;
}
.contact_11 .txt span img{
width: auto;
}
.contact_12 .mode{
width: 96px;
height: 105px;
border: 1px solid #CFCFCF;
position: relative;
margin-left: 46px;
margin-right: 24px;
}
.contact_12 .mode p{
color: #999999;
background-color: #fff;
position: absolute;
width: 21px;
left: -10.5px;
line-height: 14px;
padding: 7px 0;
text-align: center;
top: 50%;
}
.contact_12 .mode:nth-child(1) p{
margin-top: -35px;
}
.contact_12 .mode:nth-child(2) p{
margin-top: -42px;
}
.contact_12 .mode img{
width: auto;
position: absolute;
right: -14px;
top: 50%;
margin-top: -47px;
}
.contact iframe{
width: 100%;
height: 370px;
margin-bottom: 60px;
}
/* develop */
.develop>.content{
padding: 40px 0;
position: relative;
}
.develop>.content .line{
width: 1px;
background-color: #D7D7D7;
position: absolute;
top: 40px;
bottom: 40px;
left: 50%;
margin-left: -.5px;
}
.develop>.content>.clearfix{
padding-top: 30px;
}
.develop>.content .mode{
padding: 20px 40px;
width: 400px;
border: 1px solid #D7D7D7;
margin-left: 160px;
position: relative;
transition: .3s;
}
.develop>.content .mode p.times{
color: #1B62B7;
font-size: 24px;
margin-bottom: 7px;
}
.develop>.content .mode p{
line-height: 24px;
color: #666666;
transition: .3s;
}
.develop>.content .mode::before{
content: "";
position: absolute;
width: 16px;
height: 16px;
border: solid #D7D7D7;
background-color: #fff;
transform: rotate(45deg);
top: 50%;
margin-top: -8px;
right: -9px;
border-width: 1px 1px 0px 0px;
transition: .5s;
}
.develop>.content .mode span{
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid rgba(27,98,183,1);
padding: 2px;
right: -49.5px;
top: 50%;
margin-top: -8px;
}
.develop>.content .mode span::before{
content: "";
background-color:rgba(27,98,183,1);
display: block;
height: 100%;
border-radius:50%;
}
.develop>.content .mode:nth-of-type(2n){
margin-left: 80px;
margin-top: 70px;
}
.develop>.content .mode:nth-of-type(2n)::before{
left: -9px;
border-width: 0px 0px 1px 1px
}
.develop>.content .mode:nth-of-type(2n) span{
left: -48.5px;
}
.develop>.content .mode:hover{
background-color:#1B62B7;
border-color:#1B62B7;
}
.develop>.content .mode:hover::before{
background-color:#1B62B7;
border-color:#1B62B7;
}
.develop>.content .mode:hover p.times{
color:#fff;
}
.develop>.content .mode:hover p{
color:#fff;
}
/* honor */
.honor .content{
padding: 60px 0;
}
.honor .content .mode{
width: 365px;
margin-right: 52.5px;
margin-bottom: 50px;
position: relative;
}
.honor .content .mode:nth-of-type(3n){
margin-right: 0;
}
.honor .content .mode .tit{
position: absolute;
bottom: 0;
width: 100%;
left: 0;
line-height: 50px;
background-color: rgba(0, 0, 0, 0.6);
text-align: center;
color: #FFFFFF;
font-size: 16px;
transition: .5s;
}
.honor .content .mode>a{
bottom: 0;
width: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
opacity: 0;
transform: translate3d(0px, -50%, 0px);
-webkit-transform: translate3d(0px, -50%, 0px);
transition: .5s;
}
.honor .content .mode>a img{
width: auto;
transform: scale(1);
margin: 98px auto 0 auto;
}
.honor .content .mode:hover .tit{
opacity: 0;
transform: translate3d(0px, 100%, 0px);
-webkit-transform: translate3d(0px, 100%, 0px);
}
.honor .content .mode:hover>a{
opacity: 1;
transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
}
.jquery-lightbox{
height: auto !important;
}
/* pages */
.pages{
text-align: center;
}
.pages a{
display: inline-block;
margin-right: 10px;
}
.pages a:first-child{
margin-right: 28px;
}
.pages a:last-child{
margin-right: 0;
margin-left: 18px;
}
.pages a{
line-height: 34px;
border: 1px solid #DFDFDF;
padding: 0 13px;
color: #999999;
transition: .5s;
}
.pages a:hover,
.pages a.page-num-current{
background-color: #1B62B7;
color: #fff;
border-color: #1B62B7;
}
/* job */
.jobList{
padding: 60px 0 50px 0;
}
.jobList li{
position: relative;
margin-bottom: 10px;
overflow: hidden;
height: 80px;
transition: .5s;
}
.jobList li.active{
height: auto;
}
.jobList li .top{
line-height: 80px;
height: 80px;
background-color: #F6F6F6;
padding: 0 40px;
font-size: 18px;
color: #000000;
cursor: pointer;
transition: .5s;
}
.jobList li .top .btn{
width: 30px;
height: 30px;
border: 1px solid #666666;
border-radius: 50%;
margin-top: 25px;
}
.jobList li .top .btn img{
width: auto;
display: block;
margin: 10.5px auto 0 auto;
}
.jobList li .top .btn img:last-child{
display: none;
}
.jobList li.active .top,
.jobList li .top:hover{
background-color: #1B62B7;
color: #fff;
}
.jobList li.active .top .btn,
.jobList li .top:hover .btn{
border-color: #fff;
}
.jobList li.active .top .btn img:first-child,
.jobList li .top:hover .btn img:first-child{
display: none;
}
.jobList li.active .top .btn img:last-child,
.jobList li .top:hover .btn img:last-child{
display: block;
}
.jobList li .bottom{
background-color: #F6F6F6;
padding: 0 40px 40px 40px;
}
.jobList li .bottom .info{
padding: 30px 0;
border-bottom: 1px solid #E4E4E4;
}
.jobList li .bottom .info span{
line-height: 14px;
display: inline-block;
margin-right: 110px;
color: #666666;
}
.jobList li .bottom .introduce{
margin-bottom: 40px;
}
.jobList li .bottom .introduce .tit{
color: #1B62B7;
font-size: 16px;
margin-top: 30px;
margin-bottom: 20px;
}
.jobList li .bottom .introduce .txt{
color: #666666;
line-height: 24px;
}
.jobList li .bottom>a{
width:155px;
line-height:42px;
background:rgba(27,98,183,1);
text-align: center;
display: block;
color: #FAFAFA;
}
/* message */
.message>.content{
width: 924px;
}
.message form{
padding: 40px 0 60px 0;
}
.message form .tit{
font-size: 16px;
color: #666666;
line-height: 20px;
margin-bottom: 20px;
text-align: center;
}
.message form .formGroup{
width: 300px;
margin-right: 12px;
margin-bottom: 16px;
border: 1px solid #CFCFCF;
height: 48px;
padding: 0 16px;
position: relative;
}
.message form .formGroup label{
line-height: 48px;
color: #999999;
}
.message form .formGroup label span{
color: #FF0000;
}
.message form .formGroup input{
width: 190px;
height: 100%;
border: 0;
}
.message form .formGroup:nth-child(3){
margin-right: 0;
}
.message form .formGroup.txt{
width: 100%;
margin-right: 0;
height: auto;
padding: 0;
}
.message form .formGroup.txt textarea{
display: block;
padding: 16px;
border: 0;
width: 100% !important;
font-family: "微软雅黑";
}
.message form .formGroup.code{
width: 371px;
}
.message form .formGroup.code img{
position: absolute;
right: 0;
top: 0;
height: 46px;
width: 122px;
}
.message form .formGroup.code input{
padding-right: 32px;
}
.message form button{
width:140px;
height:48px;
background:rgba(27,98,183,1);
border: 0;
text-align: center;
color: #fff;
cursor: pointer;
}
/* news */
.newsList{
padding: 60px 0;
}
.newsList .mode{
width: 33.333%;
padding: 36px 24px 40px 24px;
border-right: 1px solid #DFDFDF;
transition: .5s;
}
.newsList .mode:nth-of-type(3n){
border-right: 0px;
}
.newsList .mode .tit{
font-size:20px;
color:#000000;
line-height:30px;
margin-bottom: 25px;
height: 60px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
transition: .5s;
}
.newsList .mode .txt{
color:#666666;
line-height:30px;
margin: 23px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
transition: .5s;
}
.newsList .mode .times{
color: #999999;
line-height: 14px;
transition: .5s;
}
.newsList .mode .goDetail{
color: #999999;
line-height: 14px;
transition: .5s;
}
.newsList .mode .goDetail img{
width: auto;
vertical-align: middle;
margin-left: 7px;
}
.newsList .mode .goDetail img:last-child{
display: none;
}
.newsList .mode:hover{
background-color: #1B62B7;
border-right-color: transparent;
}
.newsList .mode:hover .scaleImg img{
transform: scale(1.1);
}
.newsList .mode:hover .tit,
.newsList .mode:hover .txt,
.newsList .mode:hover .goDetail{
color: #fff;
}
.newsList .mode:hover .times{
color:rgba(255,255,255,.4);
}
.newsList .mode:hover .goDetail img:first-child{
display: none;
}
.newsList .mode:hover .goDetail img:last-child{
display: inline-block;
}
.news .pages{
margin-bottom: 60px;
}
.news_img{
height: 233px;
}
/* product */
.product .pages{
margin-bottom: 60px;
}
.productList{
padding: 60px 0;
}
.productList .mode{
width: 33.333%;
padding: 20px 20px 0 20px;
border-right: 1px solid #DFDFDF;
transition: .5s;
}
.productList .mode .scaleImg img{
height:251px;
object-fit: cover;
}
.productList .mode .info{
padding: 20px 10px;
}
.productList .mode .name{
font-size: 16px;
line-height: 26px;
color: #666666;
transition: .5s;
}
.productList .mode .icon{
width: 26px;
height: 26px;
border-radius: 50%;
border: 1px solid #666666;
transition: .5s;
}
.productList .mode .icon img{
display: block;
margin: 5px auto 0 auto;
width: auto;
}
.productList .mode .icon img:last-child{
display: none;
}
.productList .mode:hover{
border-right-color: transparent;
background-color: #1B62B7;
}
.productList .mode:hover .scaleImg img{
transform: scale(1.1);
}
.productList .mode:hover .name{
color: #fff;
}
.productList .mode:hover .icon{
border-color: #fff;
}
.productList .mode:hover .icon img:first-child{
display: none;
}
.productList .mode:hover .icon img:last-child{
display: block;
}
/* productDetail */
.productDetail>.content{
padding: 60px 0;
}
.productDetail_1{
padding-bottom: 60px;
border-bottom: 1px solid #E4E4E4;
}
.productDetail_11{
width: 650px;
}
.productDetail_12{
width: 550px;
padding-left: 40px;
}
.newsinfo{
width: 100%;
padding-left: 0;
}
.productDetail_12 .tit{
font-size: 24px;
color: #1B62B7;
line-height: 24px;
margin-bottom: 26px;
}
.productDetail_12 .txt{
color: #666666;
line-height: 28px;
margin-bottom: 45px;
}
.productDetail_12 .sharer a{
display: inline-block;
width:22px;
height:22px;
background-color:rgba(153,153,153,1);
border-radius:50%;
margin-left: 8px;
line-height: 24px;
text-align: center;
cursor: pointer;
transition: .5s;
position: relative;
}
.productDetail_12 .sharer a img{
width: auto;
}
.productDetail_12 .sharer a:hover{
background-color: #1B62B7;
}
.productDetail_12 .sharer a.wx span{
position:absolute;
top:25px;
left:50%;
margin-left:-40px;
display:none;
}
.productDetail_12 .sharer a.wx span img{
width:80px !important;
}
.productDetail_12 .sharer a.wx:hover span{
display:block;
}
.productDetail_2{
padding-top: 30px;
}
.productDetail_2 .goBack{
width:155px;
height:48px;
background:rgba(27,98,183,1);
text-align: center;
line-height: 48px;
color: #fff;
}
.productDetail_2 .goBack img{
width: auto;
vertical-align: middle;
margin-right: 10px;
}
.productDetail_2 .more a{
color: #666666;
display: block;
line-height: 24px;
transition: .5s;
}
.productDetail_2 .more a:hover{
color: #1B62B7;
}
/*messageContent*/
.messageContent{
position: fixed;
top: 50%;
box-shadow: 0px 2px 3px rgba(0,0,0,.4);
left: 50%;
background-color: #fff;
width: 300px;
height:204px;
text-align: center;
border-radius: 5px;
margin-top:-102px;
margin-left:-150px;
transition: 1s;
opacity: 0;
z-index: -1;
}
.messageContent img{
width: 73px;
display: block;
margin: 0 auto;
margin-top:50px;
}
.messageContent p{
color: #FF8992;
font-size: 14px;
margin-top: 12px;
}
/* windowFloat */
.windowFloat{
box-shadow:0px 1px 24px 5px rgba(0, 0, 0, 0.16);
background-color: #fff;
position: fixed;
top: 30%;
right: 50px;
z-index: 9999;
border-radius: 3px;
}
.windowFloat a{
display: block;
width: 60px;
line-height: 60px;
text-align: center;
position: relative;
transition: .5s;
}
/*
.windowFloat a:first-child{
border-radius: 3px 3px 0px 0px;
}
.windowFloat a:last-child{
border-radius: 0px 0px 3px 3px;
}*/
.windowFloat a::before{
content: "";
position: absolute;
bottom: 0;
left: 10px;
right: 10px;
height: 1px;
background-color:rgba(0,0,0,.1);
}
.windowFloat a:last-child::before{
display: none;
}
.windowFloat a img{
width: auto;
vertical-align: middle;
}
.windowFloat a>img:nth-child(2){
display: none;
}
.windowFloat a:hover{
background-color: #1B62B7;
}
.windowFloat a:hover>img:nth-child(1){
display: none;
}
.windowFloat a:hover>img:nth-child(2){
display: inline-block;
}
.windowFloat a.wxCode span{
position: absolute;
right: 60px;
top: 0;
width: 0;
padding: 5px;
background-color: #1B62B7;
color:#fff;
opacity: 0;
transition: .5s;
overflow: hidden;
}
.windowFloat a:nth-child(1) span,
.windowFloat a:nth-child(2) span{
padding: 0 5px;
height:100%;
}
.windowFloat a.wxCode:hover span{
width: 104px;
opacity: 1;
}
.newsinfo .tit{
text-align: center;
margin-bottom: 20px;
}
.newsinfo .author{
text-align: center;
margin-bottom: 10px;
}